<!DOCTYPE HTML>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>upm.io</title>
        <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
        <link rel="stylesheet" href="assets/js/libs/fancybox/jquery.fancybox.css" />
        <link rel="stylesheet" href="assets/css/main.css" />
    </head>
    <body class="page-project" data-page="project">
        <?php include("common-tpl/topnav.php") ?>
        <?php include("common-tpl/topstatus-project.php") ?>
        
        <div class="container ptm pbm">
            <div class="col-md-2">
                <div class="clearfix">
                    <div class="fn-left">
                        <h4>项目管理</h4>
                    </div>
                </div>
                <table class="table table-bordered">
                    <tr class="active">
                      <td><a href="project-list.php">项目清单</a></td>
                    </tr>
                    <tr>
                      <td><a href="project-create.php">创建项目</a></td>
                    </tr>
                    <tr>
                      <td><a href="project-om.php">服务运维</a></td>
                    </tr>
                </table>
                
            </div>
            <div class="col-md-10">
                <div class="row pbl">
                    <div class="col-md-12">
                        <div class="bg-gray mtsm mbsm">
                            <button class="btn btn-default" type="button">
                                锁定
                            </button>
                            <button class="btn btn-default" type="button">
                                解锁
                            </button>
                            <button class="btn btn-default" type="button">
                                部署
                            </button>
                            <button class="btn btn-default" type="button">
                                注销
                            </button>
                            <button class="btn btn-default" type="button">
                                删除
                            </button>
                        </div>
                        
                        <table id="project_list" class="table table-bordered">
                            <thead>
                                <tr>
                                    <td><input class="checked_all mrs" id="checked_all" type="checkbox"><label for="checked_all">全选</label></td>
                                    <td>项目编号</td>
                                    <td>项目名称</td>
                                    <td>项目所属</td>
                                    <td>状态</td>
                                    <td>更新时间</td>
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                        <script type="text/x-jquery-tmpl" id="projectListTemplate">
                            <tr>
                                <td><input class="form_checkbox mrs" data-projectid="${project.id}" data-name="${project.name}" type="checkbox"></td>
                                <td><a href="project-om.php?project_id=${pool_id}">${project.id}</a></td>
                                <td>${project.name}</td>
                                <td>${project.owner}</td>
                                <td>${project.status}</td>
                                <td>${project.create_date}</td>
                            </tr>
                        </script>

                        

                        
                    </div>
                    
                </div>
            </div>
        </div>



<div class="modal fade" id="datail1" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
          <div class="modal-dialog modal-lg">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">项目详情</h4>
              </div>
              <div class="modal-body">
                

                    
                <table class="table table-bordered">
                    <tr>
                        <td>项目编号</td>
                        <td>CCA0A0827</td>
                        <td>创建时间</td>
                        <td>2014年05月06日, 早上8:30分</td>
                    </tr>
                    <tr>
                      <td>项目名称</td>
                      <td>持卡人营销平台</td>
                      <td>最后更新</td>
                      <td>2014年05月12日</td>
                    </tr>
                    <tr>
                      <td>项目所属</td>
                      <td>电子营销部</td>
                      <td>当前状态</td>
                      <td>已部署</td>
                    </tr>
                    <tr>
                      <td>数据中心</td>
                      <td>开发测试区</td>
                      <td>资源池</td>
                      <td>POT Pool 1</td>
                    </tr>
                </table>

                <h4>项目描述</h4>
                
                <table class="table table-bordered">
                    <tr>
                        <td>项目为针对本行持卡人客户的在线营销活动提供统一应用管理平台，提供不同营销应用间的数据和流程共享，不同营销活动过程中的行为数据采集和汇聚以及和后台大数据平台的数据交互。</td>
                    </tr>
                    
                </table>

                <table class="table table-bordered">
                <tr class="active">
                  <td>更新时间</td>
                  <td>更新内容</td>
                  <td>管理员</td>
                  <td>操作备注</td>
                </tr>
                <tr>
                  <td>2014年05月06日, 早上8:30分 </td>
                  <td>项目创建</td>
                  <td>admin</td>
                  <td>推送自外部项目系统</td>
                </tr>
                <tr>
                  <td>2014年05月06日, 早上8:30分 </td>
                  <td>项目创建</td>
                  <td>admin</td>
                  <td>推送自外部项目系统</td>
                </tr>
                <tr>
                  <td>2014年05月06日, 早上8:30分 </td>
                  <td>项目创建</td>
                  <td>admin</td>
                  <td>推送自外部项目系统</td>
                </tr>
                <tr>
                  <td>2014年05月06日, 早上8:30分 </td>
                  <td>项目创建</td>
                  <td>admin</td>
                  <td>推送自外部项目系统</td>
                </tr>
                <tr>
                  <td>2014年05月06日, 早上8:30分 </td>
                  <td>项目创建</td>
                  <td>admin</td>
                  <td>推送自外部项目系统</td>
                </tr>
                <tr>
                  <td>2014年05月06日, 早上8:30分 </td>
                  <td>项目创建</td>
                  <td>admin</td>
                  <td>推送自外部项目系统</td>
                </tr>
                    
                </table>



              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#datail2" data-dismiss="modal">查看服务规划</button>
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#datail3" data-dismiss="modal">查看访问入口</button>
                <button type="button" class="btn btn-primary" data-dismiss="modal" >关闭</button>
              </div>
            </div>
          </div>
        </div>

<div class="modal fade" id="datail2" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
          <div class="modal-dialog modal-lg">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">项目详情</h4>
              </div>
              <div class="modal-body">
                

                    
                <table class="table table-bordered">
                    <tr>
                        <td>项目编号</td>
                        <td>CCA0A0827</td>
                        <td>项目名称</td>
                        <td>持卡人营销平台</td>
                        <td>当前状态</td>
                        <td>已部署</td>
                    </tr>
                </table>

                <h4>项目描述</h4>
                

                <img src="assets/images/1.png" style="width:100%;" alt="" />


              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#datail1" data-dismiss="modal">查看项目信息</button>
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#datail3" data-dismiss="modal">查看访问入口</button>
                <button type="button" class="btn btn-primary" data-dismiss="modal" >关闭</button>
              </div>
            </div>
          </div>
        </div>



<div class="modal fade" id="datail3" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
          <div class="modal-dialog modal-lg">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">项目详情</h4>
              </div>
              <div class="modal-body">
                

                    
                <table class="table table-bordered">
                    <tr>
                        <td>项目编号</td>
                        <td>CCA0A0827</td>
                        <td>项目名称</td>
                        <td>持卡人营销平台</td>
                        <td>当前状态</td>
                        <td>已部署</td>
                    </tr>
                </table>

                <h4>项目描述</h4>
                

                <table class="table table-bordered">
                    <tr class="active">
                  <td>访问条目</td>
                  <td>组件</td>
                  <td>地址</td>
                  <td>授权信息</td>
                  <td>授权重置</td>
                </tr>
                    <tr>
                      <td>SLB访问入口</td>
                      <td>HAProxy</td>
                      <td>http://192.168.2.133</td>
                      <td>
                        <button class="btn btn-default" type="button">
                                        <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                        访问凭据
                                    </button>
                      </td>
                      <td>
                        <button class="btn btn-default" type="button">
                                        <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                        凭据重置
                                    </button>
                      </td>
                    </tr>
                    <tr>
                      <td>SLB访问入口</td>
                      <td>HAProxy</td>
                      <td>http://192.168.2.133</td>
                      <td>
                        <button class="btn btn-default" type="button">
                                        <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                        访问凭据
                                    </button>
                      </td>
                      <td>
                        <button class="btn btn-default" type="button">
                                        <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                        凭据重置
                                    </button>
                      </td>
                    </tr>
                    <tr>
                      <td>SLB访问入口</td>
                      <td>HAProxy</td>
                      <td>http://192.168.2.133</td>
                      <td>
                        <button class="btn btn-default" type="button">
                                        <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                        访问凭据
                                    </button>
                      </td>
                      <td>
                        <button class="btn btn-default" type="button">
                                        <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                        凭据重置
                                    </button>
                      </td>
                    </tr>
                    <tr>
                      <td>SLB访问入口</td>
                      <td>HAProxy</td>
                      <td>http://192.168.2.133</td>
                      <td>
                        <button class="btn btn-default" type="button">
                                        <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                        访问凭据
                                    </button>
                      </td>
                      <td>
                        <button class="btn btn-default" type="button">
                                        <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                        凭据重置
                                    </button>
                      </td>
                    </tr>
                    <tr>
                      <td>SLB访问入口</td>
                      <td>HAProxy</td>
                      <td>http://192.168.2.133</td>
                      <td>
                        <button class="btn btn-default" type="button">
                                        <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                        访问凭据
                                    </button>
                      </td>
                      <td>
                        <button class="btn btn-default" type="button">
                                        <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                        凭据重置
                                    </button>
                      </td>
                    </tr>
                </table>


              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#datail1" data-dismiss="modal">查看项目信息</button>
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#datail2" data-dismiss="modal">查看服务规划</button>
                <button type="button" class="btn btn-primary" data-dismiss="modal" >关闭</button>
              </div>
            </div>
          </div>
        </div>




<div class="modal fade" id="create1" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
          <div class="modal-dialog modal-lg">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">创建项目</h4>
              </div>
              <div class="modal-body">
                
                <div class="steps mbm">
                    
                    <div class="l"></div>
                    <div class="sr">
                        <div class="s s1 active">1</div>
                        <div class="s s2">2</div>
                        <div class="s s3">3</div>
                    </div>
                </div>
                    
                <table class="table table-bordered">
                    <tr>
                        <td>项目编号</td>
                        <td><input type="text" /></td>
                        <td>数据中心</td>
                        <td><select id="" name="">
                            <option value="1">11111</option>
                            <option value="2">22222</option>
                        </select></td>
                    </tr>
                    <tr>
                        <td>项目名称</td>
                        <td><input type="text" /></td>
                        <td>资源池</td>
                        <td><select id="" name="">
                            <option value="1">11111</option>
                            <option value="2">22222</option>
                        </select></td>
                    </tr>
                    <tr>
                        <td>项目所属</td>
                        <td><input type="text" /></td>
                        <td></td>
                        <td></td>
                    </tr>
                </table>

                <h4>项目描述</h4>
                
                <div class="border_1_ccc">
                    <textarea class="form-control" rows="3"></textarea>
                </div>


              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#create2" data-dismiss="modal">下一步</button>
                <button type="button" class="btn btn-primary" data-dismiss="modal" >关闭</button>
              </div>
            </div>
          </div>
        </div>


<div class="modal fade" id="create2" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
          <div class="modal-dialog modal-lg">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">创建项目</h4>
              </div>
              <div class="modal-body">
                
                <div class="steps mbm">
                    
                    <div class="l"></div>
                    <div class="sr">
                        <div class="s s1">1</div>
                        <div class="s s2 active">2</div>
                        <div class="s s3">3</div>
                    </div>
                </div>
                    
                <table class="table table-bordered">
                    <tr>
                        <td>项目编号</td>
                        <td>CCA0A0827</td>
                        <td>数据中心</td>
                        <td>持卡人营销平台</td>
                        <td>项目所属</td>
                        <td>电子营销部</td>
                    </tr>
                    <tr>
                        
                        <td>数据中心</td>
                        <td>开发测试区</td>
                        <td>资源池</td>
                        <td>POT Pool 1</td>
                        <td></td>
                        <td></td>
                    </tr>
                </table>

                <h4>添加服务规划</h4>
                
                <table class="table table-bordered">
                    <tr>
                        <td>服务层</td>
                        <td>组件选择</td>
                        <td>直接访问入口</td>
                        <td>关联服务指向</td>
                    </tr>
                    <tr>
                        
                        <td>Web接入服务</td>
                        <td>Nginx<button class="btn btn-default btn-sm dropdown-toggle" type="button" id="expansion1" data-toggle="dropdown" aria-expanded="true">
                                        <span aria-hidden="true" class="glyphicon glyphicon-triangle-bottom"></span>
                                    </button></td>
                        <td>是<button class="btn btn-default btn-sm dropdown-toggle" type="button" id="expansion1" data-toggle="dropdown" aria-expanded="true">
                                        <span aria-hidden="true" class="glyphicon glyphicon-triangle-bottom"></span>
                                    </button></td>
                        <td>Tomcat<button class="btn btn-default btn-sm dropdown-toggle" type="button" id="expansion1" data-toggle="dropdown" aria-expanded="true">
                                        <span aria-hidden="true" class="glyphicon glyphicon-triangle-bottom"></span>
                                    </button><button class="btn btn-default btn-sm dropdown-toggle" type="button" id="expansion1" data-toggle="dropdown" aria-expanded="true">
                                        <span aria-hidden="true" class="glyphicon glyphicon-plus"></span>
                                    </button></td>
                    </tr>
                    <tr>
                        
                        <td>应用服务层</td>
                        <td>Tomcat<button class="btn btn-default btn-sm dropdown-toggle" type="button" id="expansion1" data-toggle="dropdown" aria-expanded="true">
                                        <span aria-hidden="true" class="glyphicon glyphicon-triangle-bottom"></span>
                                    </button></td>
                        <td>是<button class="btn btn-default btn-sm dropdown-toggle" type="button" id="expansion1" data-toggle="dropdown" aria-expanded="true">
                                        <span aria-hidden="true" class="glyphicon glyphicon-triangle-bottom"></span>
                                    </button></td>
                        <td>Redis<button class="btn btn-default btn-sm dropdown-toggle" type="button" id="expansion1" data-toggle="dropdown" aria-expanded="true">
                                        <span aria-hidden="true" class="glyphicon glyphicon-triangle-bottom"></span>
                                    </button><button class="btn btn-default btn-sm dropdown-toggle" type="button" id="expansion1" data-toggle="dropdown" aria-expanded="true">
                                        <span aria-hidden="true" class="glyphicon glyphicon-minus"></span>
                                    </button></td>
                    </tr>
                    <tr>
                        
                        <td></td>
                        <td></td>
                        <td></td>
                        <td>MySQL<button class="btn btn-default btn-sm dropdown-toggle" type="button" id="expansion1" data-toggle="dropdown" aria-expanded="true">
                                        <span aria-hidden="true" class="glyphicon glyphicon-triangle-bottom"></span>
                                    </button><button class="btn btn-default btn-sm dropdown-toggle" type="button" id="expansion1" data-toggle="dropdown" aria-expanded="true">
                                        <span aria-hidden="true" class="glyphicon glyphicon-minus"></span>
                                    </button></td>
                    </tr>
                    <tr>
                        
                        <td></td>
                        <td></td>
                        <td></td>
                        <td>RabbitMQ<button class="btn btn-default btn-sm dropdown-toggle" type="button" id="expansion1" data-toggle="dropdown" aria-expanded="true">
                                        <span aria-hidden="true" class="glyphicon glyphicon-triangle-bottom"></span>
                                    </button><button class="btn btn-default btn-sm dropdown-toggle" type="button" id="expansion1" data-toggle="dropdown" aria-expanded="true">
                                        <span aria-hidden="true" class="glyphicon glyphicon-minus"></span>
                                    </button></td>
                    </tr>
                    <tr>
                        
                        <td>消息服务层</td>
                        <td>RabbitMQ<button class="btn btn-default btn-sm dropdown-toggle" type="button" id="expansion1" data-toggle="dropdown" aria-expanded="true">
                                        <span aria-hidden="true" class="glyphicon glyphicon-triangle-bottom"></span>
                                    </button></td>
                        <td>是<button class="btn btn-default btn-sm dropdown-toggle" type="button" id="expansion1" data-toggle="dropdown" aria-expanded="true">
                                        <span aria-hidden="true" class="glyphicon glyphicon-triangle-bottom"></span>
                                    </button></td>
                        <td>Redis<button class="btn btn-default btn-sm dropdown-toggle" type="button" id="expansion1" data-toggle="dropdown" aria-expanded="true">
                                        <span aria-hidden="true" class="glyphicon glyphicon-triangle-bottom"></span>
                                    </button><button class="btn btn-default btn-sm dropdown-toggle" type="button" id="expansion1" data-toggle="dropdown" aria-expanded="true">
                                        <span aria-hidden="true" class="glyphicon glyphicon-plus"></span>
                                    </button></td>
                    </tr>
                    <tr>
                        
                        <td>数据缓存层</td>
                        <td>Redis<button class="btn btn-default btn-sm dropdown-toggle" type="button" id="expansion1" data-toggle="dropdown" aria-expanded="true">
                                        <span aria-hidden="true" class="glyphicon glyphicon-triangle-bottom"></span>
                                    </button></td>
                        <td>是<button class="btn btn-default btn-sm dropdown-toggle" type="button" id="expansion1" data-toggle="dropdown" aria-expanded="true">
                                        <span aria-hidden="true" class="glyphicon glyphicon-triangle-bottom"></span>
                                    </button></td>
                        <td>Redis<button class="btn btn-default btn-sm dropdown-toggle" type="button" id="expansion1" data-toggle="dropdown" aria-expanded="true">
                                        <span aria-hidden="true" class="glyphicon glyphicon-triangle-bottom"></span>
                                    </button><button class="btn btn-default btn-sm dropdown-toggle" type="button" id="expansion1" data-toggle="dropdown" aria-expanded="true">
                                        <span aria-hidden="true" class="glyphicon glyphicon-plus"></span>
                                    </button></td>
                    </tr>
                    <tr>
                        
                        <td>数据库服务层</td>
                        <td>MySQL  <button class="btn btn-default btn-sm dropdown-toggle" type="button" id="expansion1" data-toggle="dropdown" aria-expanded="true">
                                        <span aria-hidden="true" class="glyphicon glyphicon-triangle-bottom"></span>
                                    </button></td>
                        <td>是<button class="btn btn-default btn-sm dropdown-toggle" type="button" id="expansion1" data-toggle="dropdown" aria-expanded="true">
                                        <span aria-hidden="true" class="glyphicon glyphicon-triangle-bottom"></span>
                                    </button></td>
                        <td>Redis<button class="btn btn-default btn-sm dropdown-toggle" type="button" id="expansion1" data-toggle="dropdown" aria-expanded="true">
                                        <span aria-hidden="true" class="glyphicon glyphicon-triangle-bottom"></span>
                                    </button><button class="btn btn-default btn-sm dropdown-toggle" type="button" id="expansion1" data-toggle="dropdown" aria-expanded="true">
                                        <span aria-hidden="true" class="glyphicon glyphicon-plus"></span>
                                    </button></td>
                    </tr>
                </table>


              </div>
              <div class="modal-footer cf">
                <button type="button" class="btn btn-primary fn-left" data-toggle="modal" data-target="#create1" data-dismiss="modal">上一步</button>
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#create3" data-dismiss="modal">下一步</button>
                <button type="button" class="btn btn-primary" data-dismiss="modal" >关闭</button>
              </div>
            </div>
          </div>
        </div>




<div class="modal fade" id="create3" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
          <div class="modal-dialog modal-lg">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">创建项目</h4>
              </div>
              <div class="modal-body">
                
                <div class="steps mbm">
                    
                    <div class="l"></div>
                    <div class="sr">
                        <div class="s s1">1</div>
                        <div class="s s2 active">2</div>
                        <div class="s s3">3</div>
                    </div>
                </div>
                    
                <table class="table table-bordered">
                    <tr>
                        <td>项目编号</td>
                        <td>CCA0A0827</td>
                        <td>数据中心</td>
                        <td>持卡人营销平台</td>
                        <td>项目所属</td>
                        <td>电子营销部</td>
                    </tr>
                    <tr>
                        
                        <td>数据中心</td>
                        <td>开发测试区</td>
                        <td>资源池</td>
                        <td>POT Pool 1</td>
                        <td></td>
                        <td></td>
                    </tr>
                </table>

                <h4>添加服务配置 : Web接入服务</h4>
                
                <table class="table table-bordered">
                    <tr>
                        <td>服务类型:</td>
                        <td>Nginx</td>
                    </tr>
                    <tr>
                        
                        <td>服务名称:</td>
                        <td><input type="text" /></td>
                    </tr>
                    <tr>
                        
                        <td>版本: </td>
                        <td><select id="" name="">
                            <option value="1">11111</option>
                            <option value="2">22222</option>
                        </select></td>
            
                    </tr>
                    <tr>
                        
                        <td>实例数量:</td>
                        <td><input type="text" /></td>
             
                    </tr>
                    <tr>
                        
                        <td>自动愈合</td>
                        <td><select id="" name="">
                            <option value="1">11111</option>
                            <option value="2">22222</option>
                        </select></td>
               
                    </tr>
                    <tr>
                        
                        <td>自动伸缩</td>
                        <td><select id="" name="">
                            <option value="1">11111</option>
                            <option value="2">22222</option>
                        </select></td>
                 
                    </tr>
             
                </table>


              </div>
              <div class="modal-footer cf">
                <button type="button" class="btn btn-primary fn-left" data-toggle="modal" data-target="#create2" data-dismiss="modal">上一步</button>
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#create4" data-dismiss="modal">下一步</button>
                <button type="button" class="btn btn-primary" data-dismiss="modal" >关闭</button>
              </div>
            </div>
          </div>
        </div>


<div class="modal fade" id="create4" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
          <div class="modal-dialog modal-lg">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">创建项目</h4>
              </div>
              <div class="modal-body">
                
                <div class="steps mbm">
                    
                    <div class="l"></div>
                    <div class="sr">
                        <div class="s s1">1</div>
                        <div class="s s2 active">2</div>
                        <div class="s s3">3</div>
                    </div>
                </div>
                    
                <table class="table table-bordered">
                    <tr>
                        <td>项目编号</td>
                        <td>CCA0A0827</td>
                        <td>数据中心</td>
                        <td>持卡人营销平台</td>
                        <td>项目所属</td>
                        <td>电子营销部</td>
                    </tr>
                    <tr>
                        
                        <td>数据中心</td>
                        <td>开发测试区</td>
                        <td>资源池</td>
                        <td>POT Pool 1</td>
                        <td></td>
                        <td></td>
                    </tr>
                </table>

                <h4>添加服务配置 : 应用服务层</h4>
                
                <table class="table table-bordered">
                    <tr>
                        <td>服务类型:</td>
                        <td>Tomcat</td>
                    </tr>
                    <tr>
                        
                        <td>服务名称:</td>
                        <td><input type="text" /></td>
                    </tr>
                    <tr>
                        
                        <td>版本: </td>
                        <td><select id="" name="">
                            <option value="1">11111</option>
                            <option value="2">22222</option>
                        </select></td>
            
                    </tr>
                    <tr>
                        
                        <td>实例数量:</td>
                        <td><input type="text" /></td>
             
                    </tr>
                    <tr>
                        
                        <td>自动愈合</td>
                        <td><select id="" name="">
                            <option value="1">11111</option>
                            <option value="2">22222</option>
                        </select></td>
               
                    </tr>
                    <tr>
                        
                        <td>自动伸缩</td>
                        <td><select id="" name="">
                            <option value="1">11111</option>
                            <option value="2">22222</option>
                        </select></td>
                 
                    </tr>
             
                </table>


              </div>
              <div class="modal-footer cf">
                <button type="button" class="btn btn-primary fn-left" data-toggle="modal" data-target="#create3" data-dismiss="modal">上一步</button>
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#create5" data-dismiss="modal">下一步</button>
                <button type="button" class="btn btn-primary" data-dismiss="modal" >关闭</button>
              </div>
            </div>
          </div>
        </div>


<div class="modal fade" id="create5" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
          <div class="modal-dialog modal-lg">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">创建项目</h4>
              </div>
              <div class="modal-body">
                
                <div class="steps mbm">
                    
                    <div class="l"></div>
                    <div class="sr">
                        <div class="s s1">1</div>
                        <div class="s s2 active">2</div>
                        <div class="s s3">3</div>
                    </div>
                </div>
                    
                <table class="table table-bordered">
                    <tr>
                        <td>项目编号</td>
                        <td>CCA0A0827</td>
                        <td>数据中心</td>
                        <td>持卡人营销平台</td>
                        <td>项目所属</td>
                        <td>电子营销部</td>
                    </tr>
                    <tr>
                        
                        <td>数据中心</td>
                        <td>开发测试区</td>
                        <td>资源池</td>
                        <td>POT Pool 1</td>
                        <td></td>
                        <td></td>
                    </tr>
                </table>

                <h4>添加服务配置 : 消息服务层</h4>
                
                <table class="table table-bordered">
                    <tr>
                        <td>服务类型:</td>
                        <td>RabbitMQ</td>
                    </tr>
                    <tr>
                        
                        <td>服务名称:</td>
                        <td><input type="text" /></td>
                    </tr>
                    <tr>
                        
                        <td>版本: </td>
                        <td><select id="" name="">
                            <option value="1">11111</option>
                            <option value="2">22222</option>
                        </select></td>
            
                    </tr>
                    <tr>
                        
                        <td>实例数量:</td>
                        <td><input type="text" /></td>
             
                    </tr>
                    <tr>
                        
                        <td>自动愈合</td>
                        <td><select id="" name="">
                            <option value="1">11111</option>
                            <option value="2">22222</option>
                        </select></td>
               
                    </tr>
                    <tr>
                        
                        <td>自动伸缩</td>
                        <td><select id="" name="">
                            <option value="1">11111</option>
                            <option value="2">22222</option>
                        </select></td>
                 
                    </tr>
             
                </table>


              </div>
              <div class="modal-footer cf">
                <button type="button" class="btn btn-primary fn-left" data-toggle="modal" data-target="#create4" data-dismiss="modal">上一步</button>
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#create6" data-dismiss="modal">下一步</button>
                <button type="button" class="btn btn-primary" data-dismiss="modal" >关闭</button>
              </div>
            </div>
          </div>
        </div>

<div class="modal fade" id="create6" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
          <div class="modal-dialog modal-lg">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">创建项目</h4>
              </div>
              <div class="modal-body">
                
                <div class="steps mbm">
                    
                    <div class="l"></div>
                    <div class="sr">
                        <div class="s s1">1</div>
                        <div class="s s2 active">2</div>
                        <div class="s s3">3</div>
                    </div>
                </div>
                    
                <table class="table table-bordered">
                    <tr>
                        <td>项目编号</td>
                        <td>CCA0A0827</td>
                        <td>数据中心</td>
                        <td>持卡人营销平台</td>
                        <td>项目所属</td>
                        <td>电子营销部</td>
                    </tr>
                    <tr>
                        
                        <td>数据中心</td>
                        <td>开发测试区</td>
                        <td>资源池</td>
                        <td>POT Pool 1</td>
                        <td></td>
                        <td></td>
                    </tr>
                </table>

                <h4>添加服务配置 : 数据缓存层</h4>
                
                <table class="table table-bordered">
                    <tr>
                        <td>服务类型:</td>
                        <td>Redis</td>
                    </tr>
                    <tr>
                        
                        <td>服务名称:</td>
                        <td><input type="text" /></td>
                    </tr>
                    <tr>
                        
                        <td>版本: </td>
                        <td><select id="" name="">
                            <option value="1">11111</option>
                            <option value="2">22222</option>
                        </select></td>
            
                    </tr>
                    <tr>
                        
                        <td>实例数量:</td>
                        <td><input type="text" /></td>
             
                    </tr>
                    <tr>
                        
                        <td>自动愈合</td>
                        <td><select id="" name="">
                            <option value="1">11111</option>
                            <option value="2">22222</option>
                        </select></td>
               
                    </tr>
                    <tr>
                        
                        <td>自动伸缩</td>
                        <td><select id="" name="">
                            <option value="1">11111</option>
                            <option value="2">22222</option>
                        </select></td>
                 
                    </tr>
             
                </table>


              </div>
              <div class="modal-footer cf">
                <button type="button" class="btn btn-primary fn-left" data-toggle="modal" data-target="#create5" data-dismiss="modal">上一步</button>
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#create7" data-dismiss="modal">下一步</button>
                <button type="button" class="btn btn-primary" data-dismiss="modal" >关闭</button>
              </div>
            </div>
          </div>
        </div>

<div class="modal fade" id="create7" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
          <div class="modal-dialog modal-lg">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">创建项目</h4>
              </div>
              <div class="modal-body">
                
                <div class="steps mbm">
                    
                    <div class="l"></div>
                    <div class="sr">
                        <div class="s s1">1</div>
                        <div class="s s2 active">2</div>
                        <div class="s s3">3</div>
                    </div>
                </div>
                    
                <table class="table table-bordered">
                    <tr>
                        <td>项目编号</td>
                        <td>CCA0A0827</td>
                        <td>数据中心</td>
                        <td>持卡人营销平台</td>
                        <td>项目所属</td>
                        <td>电子营销部</td>
                    </tr>
                    <tr>
                        
                        <td>数据中心</td>
                        <td>开发测试区</td>
                        <td>资源池</td>
                        <td>POT Pool 1</td>
                        <td></td>
                        <td></td>
                    </tr>
                </table>

                <h4>添加服务配置 : 数据库服务层</h4>
                
                <table class="table table-bordered">
                    <tr>
                        <td>服务类型:</td>
                        <td>MySQL</td>
                    </tr>
                    <tr>
                        
                        <td>服务名称:</td>
                        <td><input type="text" /></td>
                    </tr>
                    <tr>
                        
                        <td>版本: </td>
                        <td><select id="" name="">
                            <option value="1">11111</option>
                            <option value="2">22222</option>
                        </select></td>
            
                    </tr>
                    <tr>
                        
                        <td>实例数量:</td>
                        <td><input type="text" /></td>
             
                    </tr>
                    <tr>
                        
                        <td>自动愈合</td>
                        <td><select id="" name="">
                            <option value="1">11111</option>
                            <option value="2">22222</option>
                        </select></td>
               
                    </tr>
                    <tr>
                        
                        <td>自动伸缩</td>
                        <td><select id="" name="">
                            <option value="1">11111</option>
                            <option value="2">22222</option>
                        </select></td>
                 
                    </tr>
             
                </table>


              </div>
              <div class="modal-footer cf">
                <button type="button" class="btn btn-primary fn-left" data-toggle="modal" data-target="#create6" data-dismiss="modal">上一步</button>
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#create8" data-dismiss="modal">下一步</button>
                <button type="button" class="btn btn-primary" data-dismiss="modal" >关闭</button>
              </div>
            </div>
          </div>
        </div>

<div class="modal fade" id="create8" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
          <div class="modal-dialog modal-lg">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">创建项目</h4>
              </div>
              <div class="modal-body">
                
                <div class="steps mbm">
                    
                    <div class="l"></div>
                    <div class="sr">
                        <div class="s s1">1</div>
                        <div class="s s2 ">2</div>
                        <div class="s s3 active">3</div>
                    </div>
                </div>
                    
                <table class="table table-bordered">
                    <tr>
                        <td>项目编号</td>
                        <td>CCA0A0827</td>
                        <td>数据中心</td>
                        <td>持卡人营销平台</td>
                        <td>项目所属</td>
                        <td>电子营销部</td>
                    </tr>
                    <tr>
                        
                        <td>数据中心</td>
                        <td>开发测试区</td>
                        <td>资源池</td>
                        <td>POT Pool 1</td>
                        <td></td>
                        <td></td>
                    </tr>
                </table>

                <h4>项目描述</h4>
                
                <div class="border_1_ccc">
项目为针对本行持卡人客户的在线营销活动提供统一应用管理平台，提供不同营销应用间的数据和流程共享，不同营销活动过程中的行为数据采集和汇聚以及和后台大数据平台的数据交互。
                </div>

                <table class="table table-bordered">
                    <tr>
                        <td>服务层</td>
                        <td>组件</td>
                        <td>直接访问入口</td>
                        <td>关联服务指向</td>
                        <td>服务名称</td>
                        <td>版本</td>
                        <td>实例数量</td>
                        <td>自动愈合</td>
                        <td>自动伸缩</td>
                        <td>高可用</td>
                    </tr>
                    <tr>
                        <td>Web接入服务</td>
                        <td>Nginx</td>
                        <td>是</td>
                        <td>Tomcat</td>
                        <td>Nginx Web接入服务</td>
                        <td>1.8</td>
                        <td>4</td>
                        <td>Y</td>
                        <td>Y</td>
                        <td>N</td>
                    </tr>
                    <tr>
                        <td>应用服务层</td>
                        <td>Tomcat</td>
                        <td>是</td>
                        <td>Redis</td>
                        <td>Tomcat Java 中间件服务</td>
                        <td>7.0</td>
                        <td>4</td>
                        <td>Y</td>
                        <td>Y</td>
                        <td>N</td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td>MySQL</td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td>RabbitMQ</td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>消息服务层</td>
                        <td>RabbitMQ</td>
                        <td>是</td>
                        <td>无</td>
                        <td>RabbitMQ 中间件服务</td>
                        <td>3.5</td>
                        <td>1</td>
                        <td>Y</td>
                        <td>Y</td>
                        <td>N</td>
                    </tr>
                    <tr>
                        <td>数据缓存层</td>
                        <td>Redis</td>
                        <td>是</td>
                        <td>无</td>
                        <td>Redis 数据缓存服务</td>
                        <td>3.0</td>
                        <td>5</td>
                        <td>Y</td>
                        <td>Y</td>
                        <td>Y</td>
                    </tr>
                    <tr>
                        <td>数据库服务层</td>
                        <td>MySQL</td>
                        <td>是</td>
                        <td>无</td>
                        <td>MySQL 数据库服务</td>
                        <td>5.6</td>
                        <td>4</td>
                        <td>Y</td>
                        <td>Y</td>
                        <td>Y</td>
                    </tr>
                </table>


              </div>
              <div class="modal-footer cf">
                <button type="button" class="btn btn-primary fn-left" data-toggle="modal" data-target="#create7" data-dismiss="modal">上一步</button>
                <button type="button" class="btn btn-primary"  data-dismiss="modal">创建</button>
                <button type="button" class="btn btn-primary" data-dismiss="modal" >取消</button>
              </div>
            </div>
          </div>
        </div>





        <?php include("common-tpl/bottomtpl.php") ?>

        <script src="assets/js/seajs/sea.js"></script>
        <script type="text/javascript">
            seajs.use('seajs/compass.js');
        </script>
    </body>
</html>
